@import "includes/_core";

$padding-base: 0;
$success-color: rgba(76, 175, 80, .9);
$danger-color: rgba(244, 67, 54, .8);
$text-color: rgba(0, 0, 0, .8);

.alertify {
  .alertify-dialog, .alertify-alert {
    .alertify-inner {
      padding: $padding-base;
      background: #fff;
      box-shadow: 0 2px 4px -1px rgba(0,0,0,.14), 0 4px 5px 0 rgba(0,0,0,.098), 0 1px 10px 0 rgba(0,0,0,.084);
    }
  }
}

.alertify-text {
  border: 1px solid #CCC;
  padding: $padding-base;
}

.alertify-button {

  background: transparent;
  box-sizing: border-box;
  color: rgba(0,0,0,0.87);
  position: relative;
  outline: 0;
  border: 0;
  display: inline-block;
  align-items: center;
  padding:14px;
  margin:0;
  line-height: 36px;
  min-height: 36px;
  white-space: nowrap;
  min-width: 88px;
  text-align: center;
  font-weight: 500;
  font-size: 27px;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;

  &:hover, &:active {
    background-color: rgba(0,0,0,.05);
  }

}

.alertify-log {

    float: right;
    clear: right;
    background: rgba(0, 0, 0, .8);
    padding: $padding-base $padding-base * 2;
    color: #fff;

    &.alertify-log-error {
        background: #FE1A00;
        background: rgba(254, 26, 0, .9);
    }

    &.alertify-log-success {
        background: #5CB811;
        background: rgba(92, 184, 17, .9);
    }
}

/* alertify */
.alertify{
    .alertify-dialog {
        padding: 9px 20px;
        h1{
            font-size:27px;
        }
    }
    .alertify-message {
        text-align: left;
        padding: 27px 27px 18px;
        text-align: left;
        font-size:27px;
        .red {
            color: #E41E12;
        }
    }
    input.alertify-text {
        font-size:22px;
        font-weight: normal;
        padding:0 7px 7px;
        border:0;
        line-height:1;
        background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, bottom center linear-gradient(#a9a9a9, #a9a9a9) repeat-x, bottom right linear-gradient(#a9a9a9, #a9a9a9) no-repeat;
        background-size: 1px 6px, 1px 1px, 1px 6px;

    }
    label{
        font-size:18px;
    }
    .alertify-text-wrapper{
        margin:0 27px 18px;
    }
    .alertify-text-wrapper:last-child > input.alertify-text {
        margin-bottom: 0;
    }
    input.alertify-text::-moz-placeholder,
    input.alertify-text::-ms-input-placeholder,
    input.alertify-text::-webkit-input-placeholder {
        color: #aaa;
        font-weight: normal;
    }
    input.alertify-text:focus {
        outline: 0;
        background: bottom left linear-gradient(#09c, #09c) no-repeat, bottom center linear-gradient(#09c, #09c) repeat-x, bottom right linear-gradient(#09c, #09c) no-repeat;
        background-size: 1px 6px, 1px 1px, 1px 6px;
    }
    .alertify-buttons{
        overflow:hidden;
        padding:0;
        background: none;
        box-shadow: none;
        border: none;
        width: 100%;
        text-align: right;
    }
    .alertify-button{
        width: 100px;
        border-radius: 0;
        background: none;
        box-shadow: none;
        font-weight: normal;
        text-shadow: none;
    }
    .alertify-button-cancel{
        color: #fff;
        background:#C00;
        width:30%;
        position:relative;
        text-indent:8px;
        &:after{
            content: "";
            position: absolute;
            height: 108%;
            width: 30px;
            -webkit-transform: rotate(-15deg);
            transform: rotate(15deg);
            background: #ce0000;
            top: -7px;
            right: -11px;
            z-index: 3;        
        }
        &:hover{
            background:#f40;
            color:#fff;
            &:after{
                background:#f40;
            }
        }
    }
    .alertify-button-ok{
        width:100%;
        background:#0af;
        color:#fff;

        &:hover{
            background:#f40;
        }
    }
    .alertify-button-cancel+.alertify-button-ok{
        width:70%;
    }
}
